@import "compass/css3";
$white: #fff;
$display: inline-block;
$colorBlue: #21A4FE;


.send{
  margin-top: 41px;
  margin-bottom: 60px;
  .send-way{
    display: flex;
    align-content: center;
    justify-content: center;
    text-align: center;
    padding-bottom: 8px;
    .yizhan,.shangmen{
      flex: 1;
      padding: 20px 0;
      background: $white;
      .iconfont{
        font-size: 40px;
      }
      .name{
        font-size: 20px;
      }
    }
    .way-active{
      background: #21A4FE;
      color: $white;
    }
  }
  .yizhan-info{
    background: #fff;
    .title{
      padding: 14px 0 6px 8px;
      font-size: 18px;
      border-bottom: 1px solid #BABABA;
      .iconfont{
        color: $colorBlue;
        font-size: 21px;
      }
    }
    .info-item{
      padding: 25px 15px 5px 20px;
      border-bottom: 1px solid #A3A3A3;
      .name{
        position: relative;
        font-size: 16px;
        margin-bottom: 10px;
        i{
          position: absolute;
          right: 0;
          top: 0;
          font-size: 20px;
        }
      }
      .active-info{
        color: #000;
        .el-input__inner{
          border: none;
          padding: 0;
        }
      }
    }
    .info-tips{
      background: #F0F0F0;
      color: #A8A8A8;
      padding: 20px 0;
      text-align: center;
    }
  }
}

#modal{
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: rgba(7,17,27,.8);
  .express-list{
    margin: 200px auto;
    text-align: center;
    color: #fff;
    font-size: 23px;
    .name{
      margin-bottom: 13px;
    }
  }
}

#datePlugin{
  touch-action: none;
}


